import router from '@/router'
import store from './store'
import nprogress from 'nprogress'
import 'nprogress/nprogress.css'

const WHITE_LIST = ['/login', '/404']
// 前置路由守卫
router.beforeEach(async(to, from, next) => {
  // 开启京都条
  nprogress.start()
  if (store.getters.token) {
    if (to.path === '/login') {
      next('/') // 拦截
      nprogress.done()
    } else {
      // 这里发请求
      // 如果已经存在用户数据了 没必要发请求；只有在没有数据时才发
      if (!store.getters.userId) await store.dispatch('user/getUserInfo') // 必须等数据回来 在放行(用户信息决定了页面的展示)
      next()
    }
  } else {
    if (WHITE_LIST.includes(to.path)) {
      next()
    } else {
      next('/login') // 拦截
      nprogress.done()
    }
  }
})

// 后置守卫
// 前置守卫发生拦截 后置守卫就不执行
router.afterEach((to, from) => {
  nprogress.done()
})
